<template>
  <div class="box-cont">
    <CompA />
    <CompB />
  </div>
  <el-badge :value="cart.cartTotal.totalNum">
    <el-button type="primary" size="default" @click="">
      <el-icon><ShoppingCartFull /></el-icon>
    </el-button>
  </el-badge>
</template>

<script setup>
import CompA from "./comp-a.vue";
import CompB from "./comp-b.vue";
import { ShoppingCartFull } from "@element-plus/icons-vue";
import { useCart } from "../../store/cart";
const cart = useCart();
</script>

<style lang="scss" scoped>
.box-cont {
  display: flex;
  width: 100%;
}
</style>
